<template>
<div class="container__">
    <div class="current">
        当前手机号： 175****3652
    </div>
    <div class="faildcontainer">
        <div class="addform">
            <h3>新的手机号</h3>
            <div style=" position: relative;">
                <input type="text" placeholder="请填写本人手机号">
                <div class="cout">获取验证码{}</div>
            </div>
            <h3>验证码</h3>
            <input type="text" placeholder="请填写收到的验证码">
        </div>
        </div>

        <div class="submit">
            <button @click="sbmit">提交</button>
        </div>
    </div>
</template>

<script>
export default {
    methods: {
        sbmit() {},
    },
}
</script>

<style lang="scss">
.container__ {
    background-color: #fff;
    min-height: 100vh;
    font-size: 16px;
    // padding: 40px 15px;
    box-sizing: border-box;

    .current {
        padding: 0 16px;
        height: 34px;
        width: 100%;
        background-color: #F4F5F5;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #999999;
    }

    .submit {
           width: 345px;
           margin: 36px auto;
        button {
            width: 100%;
            height: 45px;
            color:#fff;
            font-weight: bold;
            outline: 0;
            border: 0;
            background-color: #46B7FF;
            border-radius:5px;
        }
    }

    .faildcontainer {
        padding: 0 16px;

        .addform {
            .cout {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 90px;
                font-size: 14px;
                color: #46B7FF;
                height: 25px;
                background: rgba(234, 247, 255, 1);
                border: 0.5px solid rgba(70, 183, 255, 1);
                border-radius: 13px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            h3 {
                font-size: 15px;
                color: #46B7FF;
                padding: 18px 0;
            }

            input {
                border-bottom: 1px solid #ddd;
                font-size: 14px;
                padding: 10px 0;
            }
        }
    }
}
</style>
